
<!--[if lt IE 7]> <html class="no-js ie6 oldie" lang="en"> <![endif]-->
<!--[if IE 7]>    <html class="no-js ie7 oldie" lang="en"> <![endif]-->
<!--[if IE 8]>    <html class="no-js ie8 oldie" lang="en"> <![endif]-->
<!--[if IE 9]>    <html class="no-js ie9" lang="en"> <![endif]-->
<!--[if gt IE 9]> <html class="no-js" lang="en" itemscope itemtype="http://schema.org/Product"><![endif]-->
<head>

  <!-- Meta tags & title /-->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <title>Intumate - Coming soon</title>
  <meta name="description" content="." />
  <meta name="keywords" content="" />
  <meta name="author" content="humans.txt">
  
  <!-- for Google -->
<meta name="description" content="Check out Intumate! Your intuition, against the world. Think you've got what it takes? Prove it." />
<meta name="keywords" content="intuation inumate mobile game brain test crowd wisdom" />
<a href="https://plus.google.com/104306812036255395266" rel="publisher"/>

<!-- for Facebook -->          
<meta property="og:title" content="Check out Intumate!" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.intumate.com" />
<meta property="og:description" content="Your intuition, against the world. Think you've got what it takes? Prove it." />

<!-- for Twitter -->          
<meta name="twitter:card" content="summary" />
<meta name="twitter:title" content="Check out Intumate! Your intuition, against the world. Think you've got what it takes? Prove it." />
<meta name="twitter:description" content="Check out Intumate! Your intuition, against the world. Think you've got what it takes? Prove it." />

  <!-- Favicon /-->
  <link rel="shortcut icon" href="favicon.jpg" type="image/x-icon" />
  <!-- Favicon /-->


  <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1">

  <!-- Stylesheets /-->
  <link rel="stylesheet" href="css/gumby.css">   <!-- Gumby Framework /-->
  <link rel="stylesheet" href="css/style.css">   <!-- Main stylesheet /-->
  <link rel="stylesheet" href="css/component.css"> <!-- Flexslider - Thumbs Icon /-->
  <link rel="stylesheet" href="https://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" />
  <link href="css/jquery.nouislider.css" rel="stylesheet">
 
  
  <script src="js/modernizr-2.6.2.min.js"></script>  <!-- Modernizr /-->
  <script src="js/jquery-1.9.1.min.js"></script>
  <script src="https://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
  <script src="js/jquery.nouislider.min.js"></script>
  <script src="js/site.js"></script>
  

<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

</head>


<body>


<!-- NAVIGATION ############################################### -->


		<!-- Mobile Menu --> 

		<div class="mobile-menu">
			<section id="collapse">
				<div class="row">
					<div class="mobile-menu-inner">
						<ul class="nav-mobile">
						 
						 <li><a href="#bottom">Subscribe</a></li>
						 
						</ul>
					</div>
				</div>
			</section>
			<a href="#" id="collapse-menu"><img src="img/menu.png" alt="MENU ICON"></a>
		</div>


		<!--  Menu --> 


		<div class="cbp-af-header">
		
			<nav class="row">
				 <div id="logo"><a href="#"><img alt="Intumate" src="img/intumate.png"></a></div>
				 
				<div style="margin-top: 3%; float: right">
				<span class=fade1 style="opacity: 1"><a href="https://twitter.com/intumate" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-dnt="true">Follow @intumate</a></span>
				<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        		<span class=fade1 style="opacity: 1"><div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/104306812036255395266" data-rel="publisher"></div></span>
        		<span class=fade1 style="opacity: 1"><a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.intumate.com&media=http%3A%2F%2Fwww.intumate.com%2Fimg%2Fintumate.png&description=Your%20intuition%20against%20the%20world.%20%20Think%20you%20know%20better%20than%20the%20rest%3F%20prove%20it." data-pin-do="buttonPin" data-pin-config="none"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a></span>
        		<iframe class="fade1" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fintumate&amp;width&amp;layout=button&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80&amp;appId=568515256554117" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px; width:50px;" allowTransparency="true"></iframe>
        		<a href="#bottom" class=subscribe-header>Subscribe</a>
				</div>
			 
			</nav>
		
		</div> 


<!-- END NAVIGATION ############################################### -->


<!-- HEADER ############################################### -->


<section id="header">
	
    <div class="row">
    
    <img src="img/intumate.png" alt="Logo" >
      <div class="five columns centered">
      
      	<!-- Logo --> 
      
      	
        <br><br>
      </div>     

	<div class="row">
		
			<!-- Title --> 
			
			<div id=pie_question_div>
			<h3 align="center">how many m&m's are in the jar?</h3>
			
			<p><span id=slider_value_pie></span></p><br>
			<div id="slider_pie"></div>
			<div class="clear"></div>
			
			<input class="yourname" type="text" id="yourname" placeholder="Your name please" required>
			<div class="clear"></div>
			
			<button type="submit" class="button2" id="pie_submit_button" onclick="pie_submit()" disabled>Submit Your Answer!</button>

			</div>
			
			<div id="after_submit_pie" style="display: none;">
			
				<h3 align="center">Thank you <span id="thename"></span>!</h3><br><br>
				<div style="color: black;" align="center">
					Feel free to subscribe and follow us! <br>
					Stay tuned for your chance to win the prize! <br>
				</div>
			</div>
		
		<br><br><br>
		        
	</div>	

		<div align="center">
		<span class=fade3 style="opacity: 1"><a href="https://twitter.com/intumate" class="twitter-follow-button" data-show-count="false" data-show-screen-name="false" data-dnt="true">Follow @intumate</a></span>
		<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>
        <span class=fade3 style="opacity: 1"><div class="g-follow" data-annotation="none" data-height="20" data-href="//plus.google.com/104306812036255395266" data-rel="publisher"></div></span>
        <span class=fade3 style="opacity: 1"><a href="//www.pinterest.com/pin/create/button/?url=http%3A%2F%2Fwww.intumate.com&media=http%3A%2F%2Fwww.intumate.com%2Fimg%2Fintumate.png&description=Your%20intuition%20against%20the%20world.%20%20Think%20you%20know%20better%20than%20the%20rest%3F%20prove%20it." data-pin-do="buttonPin" data-pin-config="none"><img src="//assets.pinterest.com/images/pidgets/pinit_fg_en_rect_gray_20.png" /></a></span>
        <iframe class="fade3" src="//www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2Fintumate&amp;width&amp;layout=button&amp;action=like&amp;show_faces=true&amp;share=false&amp;height=80&amp;appId=568515256554117" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px; width:50px;" allowTransparency="true"></iframe>
        </div>

  </div>


</section>

<section id="signup">

	<div class="row centered"> 
	
    
        <div class="seven columns centered">
		
			<!-- Begin the Form -->
			
			<div id=subscribe_form_bottom>  
			 
			<!-- Input of E-Mail --> 

				<div class="seven columns" id="subscribetext">
			
					<input name="email" class="email" type="text" placeholder="Subscibe for updates!" id="subscribe_email">
				
				</div>
				
				<!-- Send Button -->
				
				<div class="five columns" id="subscribebutton">
				
					 <button id="sendsubscribe" name="send" type="button" class="button2" onclick="subscribe_button()">Subscribe</button>
				
				</div>
		    
		    <!-- End of the Form --> 
			 
			</div> 
			
			<div id=subscribe_thankyou_bottom style="display:none">
				<h2 class='spam'>Thank you!</h2>
				<p class='spam' style="margin-bottom:20px;">We will let you know when we launch.</p>
			</div>
			
		<!-- Text Promise we do not spam -->

			<div class="twelve columns centered" id=subscrive_promise_bottom>
				<span id=wrong_mail class='spam' style="font-size:16px"></span>
				<p class="spam" align=center>We promise, we won't spam :)</p>
		
			</div>			

		</div>
		
	</div>

</section>

<!-- END FORM SECTION ############################################### -->


<div id="footerSpacer"></div> <!-- USED FOR THE FIXED EFFECT : DON'T REMOVE -->


<!-- FOOTER SECTION ############################################### -->


<section id="footer">

	<div class="row">

		<!-- Text from left -->
		
		<div class="seven columns pull_left">
		
			<p>© 2014 Intumate</p>

		</div>

		<!-- Footer Navigation -->

		<!--<div class="five columns text-right social">
			
		
				 <ul id="navfirst">
				 
					 <li><a href="#">Unsubscribe</a></li>
					 
					 <li><a href="#">Privacy</a></li>
					 
					 <li><a href="#">Support</a></li>
					 
				 </ul>
          	
		</div>-->

	</div>

</section>


<!-- END FOOTER SECTION ############################################### -->


</div> <!-- end of container -->


  <!-- Grab Google CDN's jQuery, fall back to local if offline -->

  <script>window.jQuery || document.write('<script src="js/jquery-1.9.1.min.js"><\/script>')</script>
  <script src="js/main.js" type="text/javascript"></script> <!-- Main Javascript File -->
  <script src="js/plugins.js" type="text/javascript"></script> <!--Plugins File -->
  <script src="js/cbpScroller.js" type="text/javascript"></script> <!-- Scroll from left & right -->
  <script src="js/classie.js" type="text/javascript"></script> <!-- Scroll from left & right -->
  <script src="js/jquery.scrollto.js" type="text/javascript"></script> <!-- ScrollTo for Button -->
  <script src="js/jquery.parallax-1.1.3.js" type="text/javascript"></script> <!-- Parallax -->
  <script src="js/jquery.flexslider.js" type="text/javascript"></script> <!-- FlexSlider -->

  
  <!-- Change UA-XXXXX-X to be your site's ID -->
  <!--<script>
    window._gaq = [['_setAccount','UAXXXXXXXX1'],['_trackPageview'],['_trackPageLoadTime']];
    Modernizr.load({
      load: ('https:' == location.protocol ? '//ssl' : '//www') + '.google-analytics.com/ga.js'
    });
  </script>  -->


	<input type=hidden id=session_id value=-1>

<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<!-- 
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5278db0409bfff08"></script>
<script type="text/javascript">

	var addthis_config =
	{
   		
	}
	var addthis_share =
	{
		url: "www.intumate.com",
		title: "Check out Intumate! Your intuition, against the world. Think you've got what it takes? Prove it.",
		
	}

  addthis.layers({
    'theme' : 'transparent',
    'thankyou' : false,
    'share' : {
      'position' : 'left',
      'services' : 'facebook,twitter,google_plusone_share,pinterest_share,more',
    }, 
    'follow' : {
      'services' : [
        {'service': 'facebook', 'id': 'intumate'},
        {'service': 'google_follow', 'id': '104306812036255395266'}
      ]
    }
  });
</script>
-->
<!-- AddThis Smart Layers END -->
 
<script type="text/javascript">
  (function() {
    var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
    po.src = 'https://apis.google.com/js/plusone.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
  })();
</script>



<!-- <script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-45464694-1', 'intumate.com');
  ga('send', 'pageview');

</script> -->


  </body>
  
</html>

